.iconfont {
  color: #999999;
  font-size: 50rpx;
}

.content {
  background-color: #eff3f6;
  display: flex;
  flex-direction: column;
  .park {
    margin-top: 12rpx;
    background-color: #fff;
    padding: 30rpx 30rpx;
    .top {
      display: flex;
      image {
        width: 100rpx;
        height: 100rpx;
        border-radius: 50rpx;
      }
      .top-right {
        display: flex;
        flex-direction: column;
        margin-left: 20rpx;
        padding-top: 10rpx;
        justify-content: space-between;
        .auther {
          color: #404040;
          font-size: 30rpx;
        }
        .time {
          color: #b3b3b3;
        }
      }
    }
    .park-text {
      margin-top: 30rpx;
      letter-spacing: 3rpx;
      line-height: 50rpx;
      word-break: break-all;
      word-wrap: break-word;
      color: #404040;
      .park-text-img-list {
        display: flex;
        margin-top: 30rpx;
        flex-wrap: wrap;
        // background-color: rgb(107, 69, 69);
        .park-text-img {
          width: 200rpx;
          height: 200rpx;
          margin-right: 10rpx;
          margin-bottom: 10rpx;
          .img-item {
            width: 200rpx;
            height: 200rpx;
            margin-right: 10rpx;
            border-radius: 10rpx;
            border: 1px solid #eee;
          }
        }
        .park-text-img2 {
          width: 300rpx;
          display: flex;
          .img-item2 {
            border-radius: 10rpx;
            border: 1px solid #eee;
          }
        }
      }
    }
    .foot {
      display: flex;
      width: 100%;
      margin-top: 30rpx;
      justify-content: space-between;
      .foot-left {
        width: 60%;
        display: flex;
        color: #999999;
        justify-content: space-between;
        .foot-left-item {
          display: flex;
          text {
            margin-left: 10rpx;
            line-height: 55rpx;
          }
        }
      }
    }
  }
}

